<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/loading.css">
    <link rel="stylesheet" href="./css/gy.css">
    <script src="./js/jquery-3.7.0.min.js"></script>
</head>

<body>
    <!-- 导航栏 -->
    <div class="banner"
        style="width: 100%;height: 100px;background: white;filter: blur(0.2px);">
        <div class="nav">
            <ul>
                <li class="left">
                    <img src="./img/remove.photos-removed-background.png" alt="">
                </li>
                <li class="right">
                    <a href="./index.html">首页</a>
                </li>
                <li class="right">
                    <a href="./tzgj.html">泰州故事</a>
                </li>
                <li class="right">
                    <a href="./tztc.html">泰州特产</a>
                </li>
                <li class="right">
                    <a href="./tzgs.html">泰州美景</a>
                </li>
                <li class="right">
                    <a href="./dl.html">登录</a>
                </li>
            </ul>
        </div>
    </div>

    <!-- 轮播图 -->
    <div class="banner1" id="lbt">
        <img src="./img/tz1.jpg" alt="">
        <img src="./img/mj1.jpg" alt="">
        <img src="./img/mj2.jpg" alt="">
        <img src="./img/mj3.jpg" alt="">
        <img src="./img/mj4.jpg" alt="">
    </div>
    <span class="lbt-bt">泰州资讯</span>
    <!-- js效果 -->
    <script>
        let lbt = document.getElementById("lbt");
        let images = lbt.getElementsByTagName("img");
        let index = 0;
        let timer = null;

        autoplay();

        function autoplay() {
            timer = setInterval(() => {
                let activeImage = lbt.querySelector("img.active");
                if (activeImage) {
                    activeImage.classList.remove("active");
                }
                if (index >= images.length) {
                    index = 0;
                }
                images[index].classList.add("active");
                index++;
            }, 3000);
        }
    </script>




    <div class="box">
        <div class="box1">
            <div class="box1-img">
                <img src="./img/tz2.jpg" alt="">
            </div>
            <div class="box1-wz">
                <h5>TAIZHOU GAIKUANG</h5>
                <h2>泰州概况</h2>
                <hr>
                <p>&emsp;&emsp;泰州有2100多年的建城史，秦称海阳，汉称海陵，州建南唐，文昌北宋。南唐时（公元937年）为州治，称为“泰州”，兼融吴楚越之韵，汇聚江淮海之风。千百年来，风调雨顺，安定祥和，被誉为祥瑞福地、祥泰之州。
                </p>
                <hr class="hr2">
            </div>
        </div>

        <h2 class="bt1">泰州气象</h2>
        <hr class="hx1">

        <!-- hover效果 -->
        <div class="box2">
            <ul>
                <li>
                    <img src="./img/1684936652794.jpg" alt="">
                    <div>
                        <h2>凤城河风景区</h2>
                        <p>凤城河风景区位于江苏省泰州市城区中心，国家AAAA级旅游景区，融自然景观和人文特色于一体，吸引着来自世界各地的旅游爱好者前来旅游观光。
                            风景区四面环水，因水成趣，将江南水乡的特色展现的淋漓尽致。凤城河畔，“江淮第一楼”望海楼与其特有的戏曲更显城市的文化底蕴。景区以望海楼为中心，四面辐射，桃园、老街交相呼应。望海楼始建于宋代，无数文人骚客为其留下了珍贵的墨宝。
                            泛舟水上，听一曲婉转的戏曲，感受这座古城带来的心灵的放松与洗涤，领略水城的风姿与魅力！</p>
                    </div>
                </li>
                <li>
                    <img src="./img/100k0o000000esoma301D_R_1600_10000.jpg" alt="">
                    <div>
                        <h2>泰州三水湾</h2>
                        <p>
                            东方网9月21日消息：市委、市政府倾力打造的“中国夜游第一城”将有新引擎，以“夜宴、夜游、夜娱、夜购、夜宿”为主要特色的泰州“三水湾”时尚休闲街区建设，昨全面启动。这是记者从召开的“三水湾时尚休闲街区专家研讨会暨新闻发布会”上得到的信息。
                            据了解，泰州三水湾时尚休闲街区是凤城河景区的三期工程，目标定位为“国际湖景开放式时尚休闲街区”。位于凤城河景区与鼓楼南路接壤的半岛之上，与泰州老街相连。建筑以黑瓦、灰墙、白墙及透明玻璃为基调，既有传统建筑文化内涵，又具有时尚气息的建筑主基调，以此为基础，形成由12组院落构筑的仿古街区式群落。
                        </p>
                    </div>
                </li>
                <li>
                    <img src="./img/18064d682c164313929b20be9255c2f6.jpg" alt="">
                    <div>
                        <h2>泰州望海楼</h2>
                        <p>望海楼是江苏泰州的著名景点，是泰州的标志性建筑。位于泰州凤城河风景区（4A级）内，初建于南宋绍定二年，被誉为“江淮第一楼”。此楼屡毁屡起，大多毁于兵火而起于盛世。
                            位于泰州凤城河风景区（AAAA级）内，初建于南宋绍定二年，被誉为“江淮第一楼”。此楼屡毁屡起，大多毁于兵火而起于盛世。现今望海楼为公元2006年重修，原文化部外文局局长、《经济日报》总编辑、《人民日报》总编辑，全国人大教科文卫委员会副主任委员、范仲淹第二十八世孙范敬宜先生作《重修望海楼记》。泰州古称海陵，如今海水已远退，“望海”之名犹在。
                        </p>
                    </div>
                </li>
                <li>
                    <img src="./img/1684936771108.jpg" alt="">
                    <div>
                        <h2>泰州老街</h2>
                        <p>泰州老街是位于江苏省泰州市海陵区的一个景区，
                            是国家AAA级旅游景区。泰州老街并非真正意义上的老街，包括与此毗邻的桃园的地块，原都是东郊鲍坝村的一片农田和村民住宅地。随着东城河风景区的规划和开发，泰州老街才于2007年正式动工，历经两年时间形成了现在的规模。
                            泰州老街，在凤城河畔桃园景区外，一个麻石铺就的明清小巷，穿梭在深深的四合院落，声声入耳的评弹说唱，满街悠悠飘香的小吃，加上悠长悠长的叫喊吆喝声，绵延600米，一条青砖黛瓦的古建筑带，这就是
                            “泰州老街”。从以前到现在，已有300年了。</p>
                    </div>
                </li>
            </ul>
        </div>

        <h2 class="bt2">泰州运动会</h2>
        <hr class="hx1">

        <div class="box3">
            <ul>
                <li><img src="./img/tzydh1.jpg" alt=""></li>
                <li><img src="./img/yzydh2.jpg" alt=""></li>
                <li><img src="./img/yzydh3.jpg" alt=""></li>
                <li><img src="./img/yzydh4.jpg" alt=""></li>
                <li><img src="./img/yzydh5.jpg" alt=""></li>
            </ul>

            <div class="box3-banner">
                <img src="./img/tzydh.jpg" alt="">
                <div class="box3-js">
                    <h5>Taizhou Sports Meeting</h5>
                    <h2>泰州运动会</h2>
                    <hr>
                    <p>泰州体育公园，华灯璀璨、流光溢彩。20时，在全场欢呼声中，第二十届省运会开幕式正式开始。伴着《我和我的祖国》的悠扬旋律，三个方队的护旗手分别手执中华人民共和国国旗、江苏省运动会会旗和第二十届省运会会旗走进现场。随后，裁判员方阵和各代表团依次入场。现场观众用热烈的掌声和欢呼声，欢迎他们的到来。
                    </p>
                    <div></div>
                </div>
            </div>
        </div>

    </div>

    <!-- footer部分 -->
    <div class="footer">
        <div class="db_bottom">
            关于我们 | 帮助中心 | 售后服务 | 配送与验收 | 商务合作 | 搜索推荐 | 友情链接
        </div>
        <div class="db_bottom">
            CopyRight @ 可乐
        </div>
    </div>

    <!-- loading动画 -->
    <section class="loader1">
        <div class="loader">
            <svg>
                <filter id="gooey">
                    <feGaussianBlur in="SourceGraphic" stdDeviation="10"></feGaussianBlur>
                    <feColorMatrix values="
                                    1 0 0 0 0
                                    0 1 0 0 0
                                    0 0 1 0 0
                                    0 0 0 20 -10
                                "></feColorMatrix>
                </filter>
            </svg>
            <span style="--i:1"></span>
            <span style="--i:2"></span>
            <span style="--i:3"></span>
            <span style="--i:4"></span>
            <span style="--i:5"></span>
            <span style="--i:6"></span>
            <span style="--i:7"></span>
            <span style="--i:8"></span>
            <span class="rotate" style="--j:0"></span>
            <span class="rotate" style="--j:1"></span>
            <span class="rotate" style="--j:2"></span>
            <span class="rotate" style="--j:3"></span>
            <span class="rotate" style="--j:4"></span>
        </div>
    </section>
    <script>
        $(window).on("load", function () {
            $(".loader1").fadeOut("slow");
        })
    </script>
</body>

</html>